import React from 'react'

function Tags (props) {
  const { tags = [], showEmptyInfo = true, outline = false } = props
  if (tags.length === 0) {
    return showEmptyInfo ? (<div>No tags are here... yet.</div>) : null
  }
  return (
    tags.map((tag, index) => (
      <button 
        key={index} 
        className={outline ? 'tag-default tag-pill tag-outline' : 'tag-default tag-pill'} >
        {tag}
      </button>
    ))
  )
}

export default Tags
